<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:xs="http://www.w3.org/2001/XMLSchema"
    xmlns:xd="http://www.oxygenxml.com/ns/doc/xsl"
    xmlns="http://www.w3.org/1999/xhtml"
    exclude-result-prefixes="xs xd"
    version="2.0">
    <xsl:output method="xhtml" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"/>
    <xsl:template match="/Baza">
       
        <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
            <head>
                <title>Dochody</title>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <style  type="text/css" >
                    tr:target{
                        background-color: yellow;
                    }
                    body{
                       
                        
                    }
                    img{
                        height: 30px;
                    }
                    div.samochód{
                        width: 400px;
                        border-color: #efefef;
                        border-style: solid;
                        border-bottom-style: dotted;
                        padding: 10px; 
                    }
                    div.samochód:hover{
                    background-color: #66CCFF;
                    }
                    
                    div.samochód div{
                        display: none;
                        margin-left: 20px;
                        margin-top: 15px;
                        width: 300px;
                        border-left-color: #efefef;
                        border-right-color: #efefef;
                        border-right-style: solid;
                        border-left-style: solid;
                    }
                    ul{
                        list-style-type:circle;
                    }
                    div#footer{
                        margin-top: 10px;
                        border-color: red;
                        border-top-style: dashed;
                    }
                    
                    div#footer p{
                        text-align: center;
                       font-size: 12px;
                       
                       text-decoration: underline; 
                        
                    }
                    
                </style>
                <script type="text/javascript">
                    function show(id) {
                    var element = document.getElementById(id);
                    if(element.style.display == 'block'){
                            element.style.display = 'none';
                        } else {
                            element.style.display = 'block';
                        }
                    }
                   
                    
                </script>
            </head>
            <body>
               <xsl:apply-templates/>
            </body>
        </html>
        
        
    </xsl:template>
    
    <xsl:template match="Pojazdy">
        <h1>Pojazdy</h1>
        <div class="pojazdy" id="pojazdy">
            <xsl:apply-templates/>
        </div>
    </xsl:template>
    
    <xsl:template match="Samochód">
       
        <xsl:variable name="idW" select="@id_właścicela"/>
        <div class="samochód">
            <xsl:attribute name="id" select="@id"/>
            <xsl:attribute name="onclick" select="concat('show(''', 'add-', $idW,'-', @id, ''')')"></xsl:attribute>
            <img>
                <xsl:attribute name="src" select="concat('images/', marka, '.jpg')"/>
                <xsl:attribute name="alt" select="marka"/>
            </img>
            
            <b><xsl:value-of select="marka"/></b>
            <xsl:text> </xsl:text>
            <xsl:value-of select="model"/>
            <xsl:text> </xsl:text>
            <xsl:value-of select="rok_produkcji"/>
            <xsl:text>r.</xsl:text>
            <div>
                <xsl:attribute name="id" select="concat('add-', $idW,'-', @id)"></xsl:attribute>
                <xsl:call-template name="pojazdWłaściciel">
                    <xsl:with-param name="idW" select="@id_właścicela"></xsl:with-param>
                </xsl:call-template>
            </div>
            
            
        </div>
    </xsl:template>
    
    <xsl:template name="pojazdWłaściciel">
        <xsl:param name="idW"/>
        <table>
             <tr>
                 <td>
                     Właściciel: 
                 </td>
             <td>
                 <a>
                     <xsl:attribute name="href" select="concat('plik.html#koszt-', $idW)"/>
                     <xsl:value-of select="/Baza/Koszty/Właściciel[@wł_id=$idW]/imię_i_nazwisko"/> 
                 </a>
             </td>
             </tr>
            <xsl:if test="count(tokenize(Części, ';')) &gt; 0"> 
            <tr>
                <td>
                    Części:
                </td>
                <td>
                    <ul>
                        <xsl:for-each select="tokenize(Części, ';')">
                            
                            <xsl:if test="not(position() eq last()) or position() eq 1">
                                    <li>
                                    <xsl:value-of select="."/>
                                    </li>
                                </xsl:if>
                               
                            
                        </xsl:for-each>
                    </ul>
                    
                </td>
            </tr>
                </xsl:if>
            <xsl:if test="count(tokenize(Naprawy, ';')) &gt; 0"> 
            <tr>
                 <td>
                       Naprawy:
                 </td>
                  <td>
                      <ul>
                          <xsl:for-each select="tokenize(Naprawy, ';')">
                              
                              <xsl:if test="not(position() eq last()) or position() eq 1">
                                  <li>
                                      <xsl:value-of select="."/>
                                  </li>
                              </xsl:if>
                              
                              
                          </xsl:for-each>
                      </ul>
                 </td>
            </tr>
            </xsl:if>
        </table>    
        
    </xsl:template>
    <xsl:template match="Koszty">
        <h2>Podsumowanie dochodów</h2>
        <table>
         <xsl:attribute name="border">1</xsl:attribute>
         <tr>
             <td>
                 Dane
             </td>
             <td>
                 Naprawy
             </td>
             <td>
                 Częśći
             </td>
             <td>
                 Przęglady
             </td>
             <td>
              Suma
             </td>
         </tr>
        <xsl:apply-templates/>
        <tr>
            <td>
                <xsl:attribute name="colspan">4</xsl:attribute>
                Suma
            </td>
            <td>
                <xsl:value-of select="sum(/Baza/Koszty/Właściciel/Suma)"/>
            </td>
        </tr>
        </table>
    </xsl:template>
    
    <xsl:template match="/Baza/Koszty/Właściciel">
        <tr>
            <xsl:attribute name="id" select="concat('koszt-', @wł_id)"/>
            <td>
                <xsl:value-of select="imię_i_nazwisko"/>
            </td>
            <td>
                <xsl:value-of select="Koszt_napraw"/>
            </td>
            <td>
                <xsl:value-of select="Koszt_części"/>
            </td>
            <td>
                <xsl:value-of select="Koszt_przeglądów"/>
            </td>
            <td>
                <xsl:value-of select="Suma"/>
            </td>
        </tr>
    </xsl:template>
    
    <xsl:template match="Podsumowanie">
        <div id="footer">
            <xsl:for-each select="//Autor">
                <p class="autor">
                    <xsl:value-of select="."/>
                </p>
            </xsl:for-each>
            <p class="date">
                <xsl:value-of select="Data_utworzenia"/> 
                <a>
                    <xsl:attribute name="href">plik.html#pojazdy</xsl:attribute>
                    <img>
                        <xsl:attribute name="src">images/top.jpg</xsl:attribute>
                        <xsl:attribute name="alt">Wróc do góry strony</xsl:attribute>
                    </img>
                </a>
               
            </p>
            
            
        </div>
    </xsl:template>
    
    
</xsl:stylesheet>